<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        /* body {
            margin: 0;
        }

        p {
            margin: 0;
            padding: 0;
        }

        a {
            margin: 0;
            padding: 0;
            color: #fff;
            text-decoration: none;
        } */
        .header-top {
            width: 100%;
            height: 38px;
            line-height: 38px;
            background-color: #f4f4f4;
            font-size: 12px;
            color: #333;
        }

        .header-top a {
            color: rgb(212, 4, 4);
            text-decoration: none;
            border-left: 1px solid #ddd;
            margin-left: 12px;
            padding-left: 12px;
        }

        .header-top img {
            height: 18px;
            vertical-align: -4px;
        }



        .w1190 {
            width: 1190px;
            margin: 0 auto;
        }

        .top-left {
            width: 520px;
            float: left;
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <div class="mro-header">
        <!-- top -->
        <div class="header-top">
            <div class="w1190">
                <!-- 左 -->
                <div class="top-left">
                    <span class="top-wel">您好！欢迎光临工品优选</span>
                    <a href="#">登录</a>
                    <a href="#">免费注册</a>
                    <img src="./img_header_register-img.gif" alt="">
                </div>
                <!-- 右 -->
                <div class="top-right"></div>
            </div>
        </div>
        <!-- top end -->
        <!-- 中间 -->
        <div class="header-main"></div>
        <!-- 中间 end -->
        <!-- 下 -->
        <div class="header-nav"></div>
        <!-- 下 end-->
    </div>
    <!-- 头部 end -->
</body>

</html>